.el-dialog {
  .el-dialog__body {
    > .el-form {
      width: 80%;
    }
  }
}

.el-form {
  .el-form-item_tip {
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 17px;
    color: #999999;
    flex-basis: 300px;
  }
}

.bike-check-modal,
.bike-locus-modal {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;

  > .el-overlay-dialog {
    position: absolute;
  }
}

.bike-check-dialog {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;

  .el-dialog__body {
    padding: 0px 10px 25px;
  }

  .part_item {
    padding: 10px 5px 10px 10px;
    box-sizing: border-box;

    > div:first-child {
      display: flex;
      justify-content: space-between;
      align-items: center;

      > span:first-child {
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
        color: #333333;
      }

      > span:last-child {
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
      }
    }

    > div:last-child {
      font-size: 12px;
      font-family: PingFang SC;
      line-height: 17px;
      color: #999999;
      white-space: normal;
    }
  }
}

.el-divider--horizontal {
  margin: 10px 0;
}

.cabinet-info_dialog {
  padding: 0px;

  .el-dialog__header {
    padding: 20px 20px 4px 25px;

    .el-dialog__title {
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 26px;
      color: #000000;
    }
  }

  .el-dialog__body {
    padding: 0px 20px 35px 25px;
  }

  .dialog-top {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    line-height: 24px;
    color: #666666;
  }

  .dialog-body {
    .dialog-left {
      width: 476px;
      padding: 35px 20px 15px 20px;
      box-sizing: border-box;
      background: #f0f2f5;
      border: 1px solid #eeeeee;
      border-radius: 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(5, 102px);
      grid-auto-rows: 102px;
      grid-auto-flow: column;
      gap: 15px;

      .door-list_item {
        background: #ffffff;
        border-radius: 4px;
        position: relative;

        .doorId {
          position: absolute;
          top: 2px;
          right: 5px;
          font-size: 18px;
          font-family: Microsoft YaHei;
          line-height: 24px;
          color: #999999;
        }

        .battery-id {
          height: 19px;
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          line-height: 17px;
          color: #666666;
          margin-top: 10px;
          margin-bottom: 5px;
        }

        .door-status {
          position: absolute;
          left: 0;
          top: 0;
          padding: 0 6px 0 9px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          line-height: 17px;
          color: #fff;
          border-radius: 4px 0px 4px 0px;
        }

        .door-status.fault {
          background: #efa14e;
        }

        .door-status.using {
          background: #bfbfbf;
        }

        .door-status.free {
          background: #23b5af;

          > span.open {
            color: #fff136;
          }
        }

        .door-status.door-one {
          background: #f3715d;
        }

        .free-door {
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          line-height: 19px;
          color: #999999;
        }
      }
    }

    .dialog-right {
      width: 340px;
      display: flex;
      flex-direction: column;

      .cabinet-store_info {
        display: flex;
        flex-direction: column;

        .store-info_name {
          font-size: 18px;
          font-weight: 500;
          color: #000000;
          line-height: 25px;
          margin-bottom: 7px;
        }

        .store-info_location {
          font-size: 14px;
          font-weight: normal;
          color: #999999;
          line-height: 20px;
          margin-bottom: 6px;
        }

        .store-info_businesshours {
          font-size: 14px;
          font-family:
            PingFang SC-常规体,
            PingFang SC;
          font-weight: normal;
          color: #333333;
          line-height: 20px;
          margin-bottom: 11px;
        }

        .store-info_context {
          background: #f8f8f8;
          border-radius: 5px 5px 5px 5px;
          padding: 8px 15px;
          box-sizing: border-box;
          font-size: 14px;
          font-family:
            PingFang SC-常规体,
            PingFang SC;
          font-weight: normal;
          color: #666666;
          line-height: 20px;

          > span:first-child {
            margin-right: 45px;
          }
        }
      }

      .cabinet_info {
        margin-top: 44px;
        display: flex;
        flex-flow: column wrap;

        .cabient-info_name {
          font-size: 16px;
          font-family:
            PingFang SC-Regular,
            PingFang SC;
          font-weight: 400;
          color: #000000;
          line-height: 22px;
        }

        .box-online-status {
          background: #23b5af;
          border-radius: 4px;
          font-size: 12px;
          font-weight: 400;
          line-height: 17px;
          color: #ffffff;
          padding: 0 8px 0 8px;
          margin-left: 10px;
        }

        .cabinet-info_cabinetId,
        .cabient-info_location,
        .cabinet-info_chargeInfoTitle,
        .cabinet-info_boxLockId,
        .cabinet-info_cameraId {
          font-size: 10px;
          color: #666666;
          line-height: 20px;
          margin-top: 6px;
        }

        .seeLocation {
          cursor: pointer;
          color: #ff6d75;
        }

        .cabinet-info_chargeDetails {
          background: #f5f5f5;
          border-radius: 5px 5px 5px 5px;
          padding: 10px 0px 8px 0px;
          box-sizing: border-box;
          display: flex;
          margin-top: 6px;

          .chargeDetails-title {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-right: 1px solid #cccccc;
            padding: 0px 10px 0px 10px;
            box-sizing: border-box;

            > span:first-child {
              font-size: 20px;
              font-family:
                PingFang SC-Medium,
                PingFang SC;
              font-weight: 500;
              color: #da442d;
              line-height: 28px;
            }

            > span:last-child {
              font-size: 12px;
              font-family:
                PingFang SC-Regular,
                PingFang SC;
              font-weight: 400;
              color: #999999;
              line-height: 17px;
            }
          }

          .chargeDetails-info {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-left: 20px;
            box-sizing: border-box;

            > div {
              font-size: 12px;
              font-family:
                PingFang SC-Regular,
                PingFang SC;
              font-weight: 400;
              color: #333333;
              line-height: 17px;
            }
          }
        }
      }

      .cabinet_tip {
        margin-top: 36px;
        background: rgba(239, 161, 78, 0.2);
        border-radius: 3px 3px 3px 3px;
        padding: 4px 6px 7px 9px;
        box-sizing: border-box;
        font-size: 12px;
        font-family:
          PingFang SC-常规体,
          PingFang SC;
        font-weight: normal;
        color: #efa14e;
        line-height: 16px;
      }

      .cabinet-open-door_form {
        margin-top: 20px;

        .el-button {
          width: 100%;
        }
      }
    }
  }
  .custom-active-button-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .door-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--xy-light-color);
    border-radius: 4px;
    color: #a8abb2;
    font-weight: 500;
    font-size: 10px;
    width: 24px !important;
    height: 24px !important;
    box-sizing: border-box;
    line-height: 1;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    white-space: nowrap;
    cursor: pointer;
    margin-right: 0;
  }
}

.bike-locus-dialog {
  position: absolute;
  left: 20px;
  top: 70px;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 400px;
  height: auto;

  .el-dialog__header {
    padding: 20px 15px 0 15px;

    > div:first-child {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 5px;
    }

    .dialog_header_tip {
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 17px;
      color: #999999;
      white-space: normal;
    }
  }

  .el-dialog__body {
    padding: 10px 15px;
    height: calc(100% - 71px);
  }

  .bikelocus_record_list {
    width: 100%;

    .bikelocus_record_list_item {
      background: #f5f5f5;
      border-radius: 10px;
      padding: 0 15px;
      box-sizing: border-box;
      margin-top: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      width: 100%;

      > div:first-child {
        padding: 20px;
        display: flex;

        > div:first-child {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-right: 8px;

          .item_step_line {
            width: 0;
            flex: 1;
            border-left: 1px dashed #cccccc;
          }

          img {
            width: 20px;
            height: 20px;
            margin: 5px 0;
          }
        }

        > div:last-child {
          display: flex;
          flex-direction: column;

          > div {
            > div:first-child {
              font-size: 14px;
              font-family: PingFang SC;
              line-height: 20px;
              color: #333333;
              white-space: normal;
            }

            > div:last-child {
              font-size: 12px;
              font-family: PingFang SC;
              line-height: 17px;
              color: #999999;
            }
          }

          > div:first-child {
            margin-bottom: 20px;
          }
        }
      }

      > div:last-child {
        width: 100%;
        border-top: 1px dashed #cccccc;
        padding: 15px 10px;
        box-sizing: border-box;

        div {
          width: 50%;

          > span:first-child {
            font-size: 16px;
            font-family: PingFang SC;
            line-height: 22px;
            color: #333333;
          }

          > span:last-child {
            font-size: 12px;
            font-family: PingFang SC;
            line-height: 17px;
            color: #666666;
          }
        }
      }
    }

    .active {
      border-color: #ff6d75;
      background-color: rgba(255, 109, 117, 0.1);
    }
  }
}

.biketerm-dialog {
  .el-dialog__body {
    display: flex;
    flex-direction: column;

    > div {
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;

      > span:first-child {
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 25px;
        color: #000000;
        margin-bottom: 15px;
      }

      img {
        width: 150px;
        height: 100px;

        &:first-child {
          margin-left: 0px;
        }

        margin-left: 10px;
      }
    }
  }
}

.store-name-autocomplete {
  li {
    line-height: 20px !important;
    padding: 7px !important;

    .name {
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .addr {
      font-size: 12px;
      color: #b4b4b4;
    }

    .highlighted .addr {
      color: #ddd;
    }
  }
}

.el-popover.operators-info-popover {
  display: flex;
  padding: 23px 26px 21px 20px;

  div.el-card {
    margin-right: 10px;
    border: 1px solid #cccccc !important;
    cursor: pointer;

    &:hover {
      border-color: #ff6d75 !important;
      background: rgba(255, 109, 117, 0.05);
    }

    .last-div {
      margin-bottom: 10px;
    }
  }

  div.el-card:last-child {
    margin-right: 0px;
  }

  .el-card__body {
    padding: 10px;
    display: flex;
  }

  .store-info-card__content > div:not(:first-child) {
    line-height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    color: #888888;

    > span {
      margin-left: 10px;
    }

    .el-button--text {
      padding: 0;
    }
  }

  .card__title > span:first-child {
    line-height: 20px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    margin-right: 10px;
  }
}

.el-popover.store-info_popover {
  .el-card__body {
    padding: 0px;
  }

  .card__title > span:first-child {
    line-height: 20px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    margin-right: 10px;
  }

  .store-info-card__content > div:not(:first-child) {
    line-height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    color: #888888;

    > span {
      margin-left: 10px;
    }

    .el-button--text {
      padding: 0;
    }
  }
}

.order-info-dialog {
  .el-dialog__body {
    display: flex;
    flex-direction: column;
  }

  .store-info {
    display: flex;
    flex-direction: column;

    &__image {
      display: flex;
      margin-top: 10px;

      .el-image {
        width: calc((100% - 21px) / 4);
        height: 112px;
        margin-right: 7px;

        &:last-child {
          margin-right: 0px;
        }
      }
    }

    &__title {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;

      span:first-child {
        font-size: 18px;
        font-family:
          PingFang SC-Regular,
          PingFang SC;
        color: #000000;
        line-height: 25px;
      }

      span:last-child {
        font-size: 14px;
        font-family:
          PingFang SC-常规体,
          PingFang SC;
        color: #333333;
        line-height: 20px;
      }
    }

    &__contact {
      font-size: 14px;
      font-family:
        PingFang SC-常规体,
        PingFang SC;
      font-weight: normal;
      color: #999999;
      line-height: 20px;
    }

    &__location {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      font-family:
        PingFang SC-常规体,
        PingFang SC;
      font-weight: normal;
      color: #999999;
      line-height: 20px;

      span:last-child {
        cursor: pointer;

        &:hover {
          color: #ff6d75;
        }
      }
    }
  }

  &__state {
    background: #ffffff;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 20px;
    font-size: 14px;
    font-family:
      PingFang SC-Regular,
      PingFang SC;
    color: #333333;
    line-height: 30px;
    box-sizing: border-box;
    margin-top: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
  }

  &__refund-record {
    width: 100%;
    background: #f5f5f5;
    border-radius: 0px 0px 5px 5px;
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 20px;
    color: #666666;
    padding: 5px 20px;
    box-sizing: border-box;
  }

  &__remainderTime {
    width: 100%;
    line-height: 46px;
    background: rgba(255, 109, 117, 0.17);
    opacity: 1;
    border-radius: 10px 10px 0px 0px;
    color: #ff6d75;
    margin-top: 20px;
  }

  .consump-info {
    width: 100%;
    background: #f5f6f8;
    border-radius: 10px 10px 10px 10px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

    &__title {
      display: flex;
      flex-direction: column;

      .battery-power-container {
        margin-left: 4px;
        background: rgba(255, 109, 117, 0.2);
        border-radius: 3px 3px 3px 3px;
        font-size: 12px;
        font-family:
          PingFang SC-常规体,
          PingFang SC;
        font-weight: normal;
        color: #ff6d75;
        line-height: 17px;
        padding: 0px 6px;
      }

      &-name {
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 25px;
        color: #000000;
      }
    }

    &__image {
      width: 100%;
      display: flex;
      margin-top: 10px;

      .el-image {
        width: calc((100% - 21px) / 4);
        height: 90px;
        margin-right: 10px;

        &:last-child {
          margin-right: 0px;
        }
      }
    }

    &__other {
      width: 100%;
      margin-top: 20px;
      display: flex;
      flex-direction: column;

      .other_one {
        width: 100%;
        display: flex;

        div {
          width: calc(100% / 3);
        }

        > span {
          margin-top: 6px;
        }
      }

      .delay-confirm-day {
        width: 100%;
        margin-top: 5px;
        padding: 8px 0px 8px 10px;
        box-sizing: border-box;
        background: rgba(243, 134, 10, 0.15);
        border-radius: 5px;
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
        color: #333333;
      }
    }

    .rent-money,
    .deposit-money {
      color: rgb(223, 106, 88) !important;
    }
  }

  .consump-info2 {
    width: 100%;
    margin-top: 10px;
    background: #f5f6f8;
    border-radius: 10px 10px 10px 10px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;

    > span:first-child {
      height: 22px;
      font-size: 16px;
      font-family: PingFang SC;
      line-height: 28px;
      color: #333333;
      margin-bottom: 10px;

      > span {
        height: 22px;
        font-size: 16px;
        font-family: PingFang SC;
        line-height: 28px;
        color: #333333;
      }
    }

    > * {
      margin-bottom: 5px;
    }

    span {
      color: #666666;
      font-size: 14px;
    }

    &__overdue {
      width: 100%;
      background: #ffffff;
      border-radius: 5px;
      padding: 10px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;

      > span:first-child {
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
        color: #f3860a;
        margin-bottom: 5px;

        span {
          color: #f3860a;
        }
      }

      > span:last-child {
        font-size: 12px;
        font-family: PingFang SC;
        line-height: 17px;
        color: #999999;
      }
    }
  }

  .lease-renewal-info {
    &__title {
      font-size: 18px;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 25px;
      color: #000000;
      margin-top: 20px;
    }

    &__container {
      position: relative;
    }

    &__item {
      width: 100%;
      margin-top: 10px;
      background: #f5f6f8;
      border-radius: 10px 10px 10px 10px;
      padding: 20px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      position: relative;

      > span:first-child {
        height: 22px;
        font-size: 16px;
        font-family: PingFang SC;
        line-height: 28px;
        color: #333333;
        margin-bottom: 10px;

        > span {
          height: 22px;
          font-size: 16px;
          font-family: PingFang SC;
          line-height: 28px;
          color: #333333;
        }
      }

      > * {
        margin-bottom: 5px;
      }

      span {
        color: #666666;
        font-size: 14px;
      }

      .current-use-order {
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(35, 181, 175, 0.2);
        border-radius: 0px 10px 0px 10px;
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
        color: #23b5af;
        padding: 8px;
      }
    }

    &__overdue {
      width: 100%;
      background: #ffffff;
      border-radius: 5px;
      padding: 10px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;

      > span:first-child {
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 20px;
        color: #f3860a;
        margin-bottom: 5px;

        span {
          color: #f3860a;
        }
      }

      > span:last-child {
        font-size: 12px;
        font-family: PingFang SC;
        line-height: 17px;
        color: #999999;
      }
    }
  }

  .rent-money,
  .deposit-money {
    color: rgb(223, 106, 88) !important;
  }
}

.el-popover.bike-code-popover {
  .bike-info {
    display: flex;
    flex-direction: column;
    align-items: center;

    &__details {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      row-gap: 10px;
      column-gap: 0px;
    }

    &__buttons {
      margin-top: 20px;

      > .el-button {
        margin-right: 10px;
      }

      > .el-button:last-child {
        margin-right: 0px;
      }
    }

    &__label {
      font-size: 12px;
      font-family: PingFang SC;
      line-height: 17px;
      color: #999999;
      margin-bottom: 5px;
    }

    &__value {
      font-size: 14px;
      font-family: PingFang SC;
      line-height: 20px;
      color: #333333;
    }
  }
}

.refund-record-dialog {
  .refund-record-list {
    .refund-record-item {
      background: #f5f5f5;
      border-radius: 10px;
      padding: 20px;
      box-sizing: border-box;
      margin-bottom: 20px;

      &__title {
        padding-bottom: 20px;
        padding-right: 20px;
        margin-bottom: 20px;

        .title-1 {
          font-size: 16px;
          font-family: PingFang SC;
          line-height: 22px;
          color: #000000;
        }

        .title-2 {
          font-size: 14px;
          font-family: PingFang SC;
          line-height: 20px;
          color: #999999;
        }
      }

      &__body {
        font-size: 14px;
        font-family: PingFang SC;
        line-height: 26px;
        color: #666666;
      }
    }
  }
}

.tiered-billing-popover {
  padding: 10px;
  border-radius: 10px;

  .el-card {
    border: none;
    padding: 0px;

    &__header {
      padding: 0;
      padding-right: 20px;
      padding-bottom: 10px;
      position: relative;
      border-bottom: none;

      span {
        font-size: 16px;
        color: #000000;
        line-height: 22px;
      }
    }

    &__body {
      padding: 0px;
      display: flex;
      flex-direction: column;
    }
  }

  .tiered-billing__item {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 3px;
    line-height: 38px;
    color: #000000;
    justify-self: center;
    margin-bottom: 3px;

    div {
      background: #f5f5f5;
      white-space: nowrap;
      font-size: 14px;
    }

    &__tip {
      color: #999999;
      font-size: 12px;
      margin-left: 10px;
    }
  }

  .tiered-billing__item:first-child {
    div:first-child {
      border-radius: 10px 0px 0px 0px;
    }

    div:last-child {
      border-radius: 0px 10px 0px 0px;
    }
  }
}

.el-popover.battery-size_popover {
  padding: 10px;
  border-radius: 10px;

  .el-card {
    border: none;
    padding: 0px;

    &__header {
      padding: 0;
      padding-right: 20px;
      padding-bottom: 10px;
      position: relative;
      border-bottom: none;

      span {
        font-size: 16px;
        color: #000000;
        line-height: 22px;
      }
    }

    &__body {
      padding: 0px;
      display: flex;
      flex-direction: column;
    }
  }
}

.el-popover.package-info_popover {
  padding: 10px;
  border-radius: 10px;

  .el-card {
    border: none;
    padding: 0px;

    &__header {
      padding: 0;
      padding-right: 20px;
      padding-bottom: 10px;
      border-bottom: none;

      > span:first-child {
        font-weight: 550;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.85);
        line-height: 22px;
        margin-right: 10px;
      }
    }

    &__body {
      padding: 0px;
      display: flex;
      flex-direction: column;
      line-height: 20px;
      font-size: 14px;
      color: #666666;
    }
  }

  .el-tag + .el-tag {
    margin-left: 10px;
  }
}

.bike-rent-term-info_dialog {
  // .image-info {

  // }

  .bike-info {
    margin-top: 10px;

    &__container {
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: repeat(auto-fit, 1fr);
      grid-auto-flow: column;
      grid-auto-columns: 1fr;
      margin-top: 10px;
      border-right: 1px solid #eeeeee;
    }

    &__item {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr;
      text-align: center;

      > div {
        border: 1px solid #eeeeee;
      }
    }
    .bike-info__item:first-child {
      div:last-child {
        line-height: 40px;
        border-top: none;
        border-right: none;
        border-left: none;
      }

      div:first-child {
        line-height: 32px;
        background: var(--xy-hover-color);
        border-right: none;
        border-left: none;
      }
    }
    .bike-info__item + .bike-info__item {
      div:last-child {
        line-height: 40px;
        border-top: none;
        border-right: none;
        border-left: none;
      }

      div:first-child {
        background: var(--xy-hover-color);
        line-height: 32px;
        border-right: none;
        border-left: none;
      }
    }
  }

  .rent-time-info {
    &__header {
      background-color: #f5f5f5 !important;
    }
  }

  [class*='__title'] {
    font-family:
      PingFang SC,
      PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    line-height: 25px;
  }
}

.deposit-refund-application-dialog {
  // .el-dialog__body {
  //   transition: all 5s linear;
  // }

  /* 下面我们会解释这些 class 是做什么的 */
  .v-enter-active {
    transition: opacity 2s linear;
  }

  .v-leave-active {
    transition: opacity 0.5s linear;
  }

  .v-enter-from,
  .v-leave-to {
    opacity: 0;
  }
}

.refund-info_dialog {
  .el-dialog__body {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .refund-info {
      width: 100%;
    }
  }
  .el-step__icon.is-text {
    border-radius: 50%;
    border: none;
    border-color: inherit;
  }

  .el-step__title.is-finish {
    font-size: 14px;
    font-family: PingFang SC;
    color: #00a870;
  }

  .el-step__title.is-process {
    font-size: 14px;
    font-family: PingFang SC;
    color: #f3860a;
  }

  .el-step__title {
    font-size: 14px;
    line-height: 38px;
  }

  .el-step__head.is-finish {
    color: #999999;
    border-color: #00a870;
  }

  .el-step__description.is-finish {
    color: #00a870;
  }
}

.xy-step-circle {
  width: 16px;
  height: 16px;
  background: #00a870;
  border-radius: 50%;
}

.el-popper.logout-bar-menu {
  .el-dropdown-menu {
    padding: 8px;
  }
  .el-dropdown-menu__item {
    border-radius: 4px;
  }
  .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: var(--el-dropdown-menuItem-hover-color);
    color: var(--xy-white-color);
  }
  .el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: var(--el-dropdown-menuItem-hover-color);
    color: var(--xy-white-color);
  }
}

.el-popover.filter-time-bike_popover {
  .el-card {
    border: none;
    &__footer {
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &__header {
      border: none;
      height: 22px;
      font-weight: 500;
      font-size: 16px;
      color: #000000;
      line-height: 1;
    }
    &__body {
      .el-radio-button + .el-radio-button {
        margin-left: 10px;
      }
      .el-radio-button__inner {
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        color: #a8abb2;
        font-weight: 500;
        font-size: 12px;
        width: 60px;
        padding: 8px 12px;
      }
      .el-input__inner {
        color: #a8abb2;
        font-weight: 500;
        font-size: 12px;
      }
      .el-radio-button__original-radio:checked + .el-radio-button__inner {
        background-color: var(--xy-primary-light-color);
        border-color: transparent;
        box-shadow: none;
        color: var(--xy-primary-color);
      }
    }
  }
}

.bike-info-dialog {
  .el-dialog__body {
    display: flex;
    flex-direction: column;
  }

  .store-info {
    display: flex;
    flex-direction: column;

    &__image {
      display: flex;
      margin-top: 10px;

      .el-image {
        width: calc((100% - 21px) / 4);
        height: 112px;
        margin-right: 7px;

        &:last-child {
          margin-right: 0px;
        }
      }
    }

    &__title {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;

      span:first-child {
        font-size: 18px;
        font-family:
          PingFang SC-Regular,
          PingFang SC;
        color: #000000;
        line-height: 25px;
      }

      span:last-child {
        font-size: 14px;
        font-family:
          PingFang SC-常规体,
          PingFang SC;
        color: #333333;
        line-height: 20px;
      }
    }

    &__contact {
      font-size: 14px;
      font-family:
        PingFang SC-常规体,
        PingFang SC;
      font-weight: normal;
      color: #999999;
      line-height: 20px;
    }

    &__location {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      font-family:
        PingFang SC-常规体,
        PingFang SC;
      font-weight: normal;
      color: #999999;
      line-height: 20px;

      span:last-child {
        cursor: pointer;

        &:hover {
          color: #ff6d75;
        }
      }
    }
  }
}

.adjust-term-dialog.el-dialog,
.deposit-deduction-dialog {
  .el-descriptions__label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    color: var(--el-text-color-regular);
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    margin-right: 0;
    width: 120px;
  }
  .el-descriptions__title {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    color: #000000;
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    margin-right: 0;
    width: 120px;
    font-weight: 400;
  }
  .el-form {
    width: 90%;
  }
}

.measure-tools-menu__popover.el-dropdown__popper .el-dropdown-menu__item {
  padding: 0px;
}
.locus-control-group-dropdown.el-dropdown__popper .el-dropdown-menu__item {
  padding: 0px;
}